$Db = coral;
.operation
    width 98%
    margin-left 1%
    background #ffff
    text-align center
    margin-top 15px
.operation .block
    line-height 80px
.exhibition
    margin-top 15px
    width 98%
    margin-left 1%
    background #ffff
    text-align center
.exhibition .trillordersPaging
    padding 15px 0px
.el-radio-button__inner
    border 0px !important
    border-radius 4px !important
    width 98%
    margin-left 1%
.classify
    background #fff
    display: inline-block
.Thelistshows
    display block
.fenye >>> .el-date-table td.end-date span, .el-date-table td.start-date span{
    background-color: red !important;
}
// 标签页的移入移出和点击事件的 实体颜色修改
.ddingdan >>> .el-tabs__item:hover,.ddingdan >>> .el-tabs__item.is-active{
	color: $Db !important;
}	
// 标签页的下划线 颜色修改
.ddingdan >>> .el-tabs__active-bar{
	background-color: $Db !important;
}
// 单选框移入移出字体颜色改变
.ddingdan >>> .el-radio-button__inner:hover{
    color: $Db !important;
}
// 单选框背景以机选中字体颜色的改变
.ddingdan >>>.el-radio-button__orig-radio:checked+.el-radio-button__inner{
    background:  $Db !important;
    box-shadow: -1px 0 0 0 $Db;
    color: #fff !important
}
// 搜索按钮 背景颜色
.ddingdan >>> .el-button--primary {
    background-color:  $Db !important;
    border: 1px solid $Db !important;
}
// 搜索按钮 移入移出颜色
.ddingdan >>> .el-button--primary:hover{
    opacity 0.8
}
// 搜索按钮 点击颜色
.ddingdan >>> .el-button--primary:active{
    background-color:  #F53C3C !important;
    border: 1px solid #F53C3C !important;
}
.ddingdan >>> .el-pager li.active{
    color:   $Db !important;
}
.el-range-editor.is-active,.el-range-editor.is-active:hover
    border-color:$Db

@media only screen and (max-width 750px)
    .el-range-editor.el-input__inner
        width 240px !important
// .el-select-dropdown__item >>> .selected{
//     color: $Db !important ;
// }
// @media only screen and (max-width 750px)
//     .el-range-editor.el-input__inner
//         width 240px
//     .el-date-editor .el-range__close-icon
//         display none
//     .el-tabs__nav-scroll
//         padding-left 10px !important
//     .el-tabs__nav-prev, .el-tabs__nav-next
//         /* display: none; */
//     .el-tabs__nav-wrap.is-scrollable
//         padding 0px
//     .el-tabs__item
//         padding 0px 10px
//     .el-pagination__sizes
//         display none !important
//     .el-pagination .btn-next .el-icon, .el-pagination .btn-prev .el-icon
//         display block
//     .Thelistshows
//         display none
//     .Foldingbar
//         padding-left 5px
//     .exhibition .el-collapse-item__content
//         text-align left !important
//         padding-left 5px
//         padding-right 10px
//     .tabledata span
//         margin-left 20px
//     .tabledata span:nth-child(1)
//         margin-left 0px
//     .el-picker-panel
//         left 0px !important
//     .el-date-range-picker__content
//         float none !important
//     .el-date-range-picker__content, .el-picker-panel__body, .el-picker-panel
//         width 100%
//         min-width 100% !important
//     .el-picker-panel__body .el-date-range-picker__content:nth-child(2)
//         display none
//     .el-date-range-picker__header [class*=arrow-left]
//         display none
.classify .el-radio-button__inner:hover
	color $Db !important
